
<script>
// <template>
//   <div>
//     <Child :pdata="parentData" #default="{ text }">
//       {{ text }}
//     </Child>
//   </div>
// </template>
import Child from "@/components/slot/Child";
export default {
  components: {
    Child,
  },
  data() {
    return {
      parentData: {
        pid: 1,
      },
    };
  },
  mounted() {
    setInterval(() => {
      this.parentData.pid += 1;
    }, 1000);
  },
  /* render() {
    return (
      <div>
        <Child pdata={this.parentData}></Child>
      </div>
    );
  }, */
  render() {
    return (
      <div>
        <Child
          pdata={this.parentData}
          {...{
            scopedSlots: {
              default: (props) => "aaa" + props.text,
            },
          }}
        ></Child>
        <Child></Child>
      </div>
    );
  },
};
</script>